<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>用户注册</title>
  <meta name="description" content="Responsive, Bootstrap, BS4" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  
  <!-- style -->
  <!-- build:css ../assets/css/site.min.css -->
  <link rel="stylesheet" href="../assets/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="../assets/css/i-con.css" type="text/css" />
  <link rel="stylesheet" href="../assets/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../assets/css/style.css" type="text/css" />
  <!-- endbuild -->
</head>
<body class="layout-column">


<div class="d-flex flex-column flex">
  <div>
    <div class="p-3 p-md-5">
      <div class="card p-0 col-lg-8 offset-lg-2" style="margin-top: 10%;">
          <div class="row no-gutters">
            <div class="col-md-6 bg-primary r-l" style="">
              <div class="p-4 d-flex flex-column h-100">
                <h4 class="mb-3 text-white">点讯通讯</h4>
                <div class="text-fade">点讯通讯（idianxun）即时通讯系统 v.1.0.0</div>
                <div class="d-flex flex align-items-center justify-content-center">
                	<div class="animate fadeIn">
                	    <svg fill="rgba(255,255,255,0.2)" width="200" height="200" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                	        <path class="fill" d="M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28zM3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38z"/>
                	        <path d="M0 0h24v24H0z" fill="none"/>
                	    </svg>
                	 </div>
                </div>
                <div class="text-right text-inherit">
                  <a href="index.html" class="text-fade">简介</a>
                </div>
              </div>
            </div>
            <div class="col-md-6" id="content-body">
              <div class="p-4">
                <h5>I点讯客服</h5>
                <p>
                  <small class="text-muted">请输入登录账号及密码</small>
                </p>
                <div class="">
                  <form name="form" action="index.html">
                    <div class="form-group">
                      <input type="text" class="form-control" placeholder="输入账号" required>
                    </div>
                    <div class="form-group">
                      <input type="email" class="form-control" placeholder="输入邮件地址" required>
                    </div>
                    <div class="form-group">
                      <input type="password" class="form-control" placeholder="输入密码" required>
                    </div>
                    <div class="form-group">
                      <div class="input-group mb-3">
                        <div class="custom-file">
                          <input type="file" class="custom-file-input" id="inputGroupFile02">
                          <label class="custom-file-label" for="inputGroupFile02">上传头像</label>
                        </div>
                        <div class="input-group-append">
                          <span class="input-group-text" id="">上传</span>
                        </div>
                      </div>
                    </div>


                    <div class="form-group">
                      <div class="radio">
                        <label class="ui-check">
                          <input type="radio" name="sex" value="1">
                          <i class="dark-white"></i> 男
                        </label>
                        <label class="ui-check">
                          <input type="radio" name="sex" value="2">
                          <i class="dark-white"></i> 女
                        </label>
                        <label class="ui-check">
                          <input type="radio" name="sex" value="0">
                          <i class="dark-white"></i> 隐私
                        </label>
                      </div>
                    </div>
                    <div class="mb-3 text-sm">
                      <span class="text-muted">通过单击“注册”，我同意</span> 
                      <a href="#">服务条款</a>
                    </div>
                    <button type="submit" class="btn btn-primary mb-4">注册账号</button>
                    <div>
                      <span>我有账号现在</span> 
                      <a href="signin.html" class="text-primary _600">去登录</a>
                      <span>系统</span>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>
</div>


  <!-- build:js ../assets/js/site.min.js -->
  <!-- jQuery -->
  <script src="../libs/jquery/dist/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="../libs/popper.js/dist/umd/popper.min.js"></script>
  <script src="../libs/bootstrap/dist/js/bootstrap.min.js"></script>
  <!-- ajax page -->
  <script src="../libs/pace-progress/pace.min.js"></script>
  <script src="../libs/pjax/pjax.js"></script>
  <script src="../assets/js/ajax.js"></script>
  <!-- lazyload plugin -->
  <script src="../assets/js/lazyload.config.js"></script>
  <script src="../assets/js/lazyload.js"></script>
  <script src="../assets/js/plugin.js"></script>
  <!-- theme -->
  <script src="../assets/js/theme.js"></script>
  <!-- endbuild -->
</body>
</html>
